<template>
	<view class="page text-white">


		<view :style="{'paddingTop':startTop + 'px'}" class="myPage" style="position:relative;z-index:99;">
			<view class="headTitle">
				<view class="flex-center text-36 " :style="{'lineHeight':nangHeight + 'px'}">
					亚亿讯
				</view>
			</view>
		</view>


		<view class="">
			<!-- banner图 -->
			<!-- <view class="w690" style="margin-top:20rpx;">
				<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
					:interval="interval" :duration="duration" indicator-color="#FFFFFF"
					indicator-active-color="#A600FF">
					<swiper-item v-for="(item,index) in bannerList">
						<image style="width:100%;height:100%;" :src="item" mode="aspectFill"></image>
					</swiper-item>
				</swiper>
			</view> -->
			<!-- 收益、团队 -->
			<view class="shouyi">
				<view style="margin:40rpx 0 0 0;padding-left:30rpx;box-sizing: border-box;">
					<view v-if="userBaseInfo.levelId == 2 || userBaseInfo.levelId == 3">
						<image @click="tabTeam(index)" v-for="(item,index) in teamTuanList"
							style="width:78rpx;height:42rpx;margin-right: 32rpx;" :src="item" mode="aspectFill">
						</image>
					</view>
				</view>

				<!-- 收益分类 -->
				<view class="w690">
					<up-tabs :list="shouYiList" @click="click" lineWidth="60" :lineColor="`url(${lineBg}) 100% 100%`"
						:activeStyle="{
            color: '#FFFFFF',
            fontWeight: 'bold'
        }" :inactiveStyle="{
            color: '#FFFFFF ',
            transform: 'scale(1)'
        }" itemStyle="padding-left: 10px; padding-right: 10px; height: 40px;"></up-tabs>
					<view class="shouYiBg" @click="goShouYiDetail">
						<view class="text-48">¥{{zongShowYi.incomeTotal.total || 0}}</view>
						<view class="text-22 flex-start" style="margin:20rpx 0 40rpx 0;">
							<view>总收益</view>
						</view>
						<view class="flex-start">
							<view class="monthYi">
								<view class="text-32 text-weight">¥{{zongShowYi.incomeTotal.month || 0}}</view>
								<view class="text-22 monthShou">本月收益</view>
							</view>
							<view class="monthYi">
								<view class="text-32 text-weight">¥{{zongShowYi.incomeTotal.yesterday || 0}}</view>
								<view class="text-22 monthShou">昨日收益</view>
							</view>
						</view>
					</view>
				</view>

				<!-- 我的设备 -->
				<view v-if="!isShowTeam" class="w690 deviceMain">
					<view class="text-32 myDevice flex-start">我的设备</view>
					<view style="padding-left:20rpx;box-sizing: border-box;">
						<up-tabs :list="deviceFenList" @click="selectDevice" lineWidth="60"
							:lineColor="`url(${lineBg}) 100% 100%`" :activeStyle="{
						    color: '#FFFFFF',
						    fontWeight: 'bold'
						}" :inactiveStyle="{
						    color: '#FFFFFF ',
						    transform: 'scale(1)'
						}" itemStyle="padding-left: 10px; padding-right: 10px; height: 40px;"></up-tabs>
					</view>
					<view class="flex" style="padding:20rpx;box-sizing: border-box;">
						<view class="jieDianBg flex-column-between">
							<view style="margin-top:100rpx;">
								<image class="jieDianIcon" v-if="curJieName == '大节点'"
									src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/jiedian.png"
									mode="aspectFill"></image>
								<image class="jieDianIcon" v-if="curJieName == '盒子'"
									src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/hezi.png"
									mode="aspectFill"></image>
								<image class="jieDianIcon" v-if="curJieName == '路由器'"
									src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/luyou.png"
									mode="aspectFill"></image>
							</view>
							<view class="text-28 daJieDian">{{curJieName}}资源</view>
						</view>
						<view>
							<view>
								<view class="flex-between text-28">
									设备总量
									<!-- <up-icon name="arrow-right" color="#fff" size="14"></up-icon> -->
								</view>
								<view class="deviceTotal text-44 text-weight flex-start">
									{{curJieName == '路由器' ? zongShowYi.deviceRouter.totalNum : '0'}}
								</view>
							</view>
							<view class="flex-between deviceOnline">
								<view class="onLineBg flex-column-between">
									<view></view>
									<view>
										<view class="text-28 text-weight flex-center" style="margin-bottom:4rpx;">
											{{curJieName == '路由器' ? zongShowYi.deviceRouter.onlineNum : '0'}}
										</view>
										<view class="text-22 flex-center">在线</view>
									</view>

								</view>
								<view class="offlineBg flex-column-between">
									<view></view>
									<view>
										<view class="text-28 text-weight flex-center" style="margin-bottom:4rpx;">
											{{curJieName == '路由器' ? zongShowYi.deviceRouter.offlineNum : '0'}}
										</view>
										<view class="text-22 flex-center">离线</view>
									</view>

								</view>
							</view>

						</view>
					</view>


					<!-- 报警监控 -->
					<view style="padding:30rpx;">
						<view class="baoJingBg text-28 flex-column-end">
							<view class="baoJingName">报警监控</view>
						</view>
						<view class="jiakongBg flex-around" @click="goAlarm">
							<view class="flex-column-center" style="width: 33%;">
								<view class="text-32 text-white">{{zongShowYi.deviceRouter.warningDays1}}</view>
								<view style="margin-top:10rpx;">
									<image class="baojingIcon"
										src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/yujing@2x.png"
										mode="aspectFill"></image>
									<text class="text-22 text-blue">当日报警</text>
								</view>
							</view>
							<view class="flex-column-center onlineDevice">
								<view class="text-32 text-green">{{zongShowYi.deviceRouter.warningDays3}}</view>
								<view style="margin-top:10rpx;">
									<image class="baojingIcon"
										src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/yujing@2x.png"
										mode="aspectFill"></image>
									<text class="text-22 text-blue">3日报警</text>
								</view>
							</view>
							<view class="flex-column-center" style="width: 33%;">
								<view class="text-32 text-red">{{zongShowYi.deviceRouter.warningDays7}}</view>
								<view style="margin-top:10rpx;">
									<image class="baojingIcon"
										src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/yujing@2x.png"
										mode="aspectFill"></image>
									<text class="text-22 text-blue">7日报警</text>
								</view>
							</view>
						</view>

						<!-- 设备统计 -->
						<!-- <view style="margin-top:38rpx;">
							<view class="baoJingBg text-28 flex-column-end">
								<view class="baoJingName">设备统计</view>
							</view>
							<view class="jiakongBg flex-around" @click="goDevice">
								<view class="flex-column-center" style="width: 33%;">
									<view class="text-32 text-white">452</view>
									<view style="margin-top:10rpx;">
										<text class="text-22 text-blue">库存数量</text>
									</view>
								</view>
								<view class="flex-column-center onlineDevice">
									<view class="text-32 text-green">452</view>
									<view style="margin-top:10rpx;">
										<text class="text-22 text-blue">安装数量</text>
									</view>
								</view>
								<view class="flex-column-center" style="width: 33%;">
									<view class="text-32 text-red">452</view>
									<view style="margin-top:10rpx;">
										<text class="text-22 text-blue">调拨数量</text>
									</view>
								</view>
							</view>
						</view> -->
					</view>
				</view>

				<!-- 我的团队 -->
				<view v-else class="w690 teamMain">
					<view class="text-32 myTeam flex-start">我的团队</view>
					<view class="teamFenBg flex-between" @click="goTeamDevice">
						<view class="teamNumBg flex-column-center">
							<view class="text-40">{{zongTeamShowYi.leaderNum}}</view>
							<view class="text-22 margin-top-10">团队数量</view>
						</view>
						<view class="teamDeviceBg flex-column-center">
							<view class="text-40">{{zongTeamShowYi.deviceNum}}</view>
							<view class="text-22 margin-top-10">团队设备数量</view>
						</view>
						<view class="teamYaunBg flex-column-center">
							<view class="text-40">{{zongTeamShowYi.memberNum}}</view>
							<view class="text-22 margin-top-10">团队队员数量</view>
						</view>
					</view>
					<view style="padding-left:20rpx;box-sizing: border-box;">
						<up-tabs :list="deviceFenList" @click="teamDevice" lineWidth="60"
							:lineColor="`url(${lineBg}) 100% 100%`" :activeStyle="{
						    color: '#FFFFFF',
						    fontWeight: 'bold'
						}" :inactiveStyle="{
						    color: '#FFFFFF ',
						    transform: 'scale(1)'
						}" itemStyle="padding-left: 10px; padding-right: 10px; height: 40px;"></up-tabs>
						<view class="flex" style="padding:20rpx;box-sizing: border-box;">
							<view class="jieDianBg flex-column-between">
								<view style="margin-top:100rpx;">
									<image class="jieDianIcon" v-if="curTeamJieName == '大节点'"
										src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/jiedian.png"
										mode="aspectFill"></image>
									<image class="jieDianIcon" v-if="curTeamJieName == '盒子'"
										src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/hezi.png"
										mode="aspectFill"></image>
									<image class="jieDianIcon" v-if="curTeamJieName == '路由器'"
										src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/luyou.png"
										mode="aspectFill"></image>
								</view>
								<view class="text-28 daJieDian">{{curTeamJieName}}资源</view>
							</view>
							<view>
								<view>
									<view class="flex-between text-28">
										设备总量
										<!-- <up-icon name="arrow-right" color="#fff" size="14"></up-icon> -->
									</view>
									<view class="deviceTotal text-44 text-weight flex-start">
										{{zongTeamShowYi.deviceRouter.totalNum || 0}}
									</view>
								</view>
								<view class="flex-between deviceOnline">
									<view class="onLineBg flex-column-between">
										<view></view>
										<view>
											<view class="text-28 text-weight" style="margin-bottom:4rpx;">
												{{zongTeamShowYi.deviceRouter.onlineNum}}
											</view>
											<view class="text-22">在线</view>
										</view>

									</view>
									<view class="offlineBg flex-column-between">
										<view></view>
										<view>
											<view class="text-28 text-weight" style="margin-bottom:4rpx;">
												{{zongTeamShowYi.deviceRouter.offlineNum}}
											</view>
											<view class="text-22">离线</view>
										</view>

									</view>
								</view>

							</view>
						</view>
					</view>
					<view style="padding:0 30rpx;box-sizing: border-box;">
						<!-- 设备统计 -->
						<view style="margin-top:38rpx;">
							<view class="baoJingBg text-28 flex-column-end">
								<view class="baoJingName">报警监控</view>
							</view>
							<view class="jiakongBg flex-around" @click="goAlarm">
								<view class="flex-column-center" style="width: 33%;">
									<view class="text-32 text-white">{{zongTeamShowYi.deviceRouter.warningDays1}}</view>
									<view style="margin-top:10rpx;">
										<image class="baojingIcon"
											src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/yujing@2x.png"
											mode="aspectFill"></image>
										<text class="text-22 text-blue">当日报警</text>
									</view>
								</view>
								<view class="flex-column-center onlineDevice">
									<view class="text-32 text-green">{{zongTeamShowYi.deviceRouter.warningDays3}}</view>
									<view style="margin-top:10rpx;">
										<image class="baojingIcon"
											src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/yujing@2x.png"
											mode="aspectFill"></image>
										<text class="text-22 text-blue">3日报警</text>
									</view>
								</view>
								<view class="flex-column-center" style="width: 33%;">
									<view class="text-32 text-red">{{zongTeamShowYi.deviceRouter.warningDays7}}</view>
									<view style="margin-top:10rpx;">
										<image class="baojingIcon"
											src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/yujing@2x.png"
											mode="aspectFill"></image>
										<text class="text-22 text-blue">7日报警</text>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>

				<!-- 帮助说明 -->
				<!-- <view class="w690 helpMain">
					<view class="text-32 myDevice flex-between">
						<view>帮助说明</view>
						<view @click="goMoreHelp" class="text-22 flex-start">
							查看更多
							<up-icon name="arrow-right" color="#fff" size="14"></up-icon>
						</view>
					</view>
					<view style="padding:0 20rpx;box-sizing: border-box;">
						<up-tabs :list="deviceFenList" @click="click" lineWidth="60"
							:lineColor="`url(${lineBg}) 100% 100%`" :activeStyle="{
					    color: '#FFFFFF',
					    fontWeight: 'bold'
					}" :inactiveStyle="{
					    color: '#FFFFFF ',
					    transform: 'scale(1)'
					}" itemStyle="padding-left: 10px; padding-right: 10px; height: 40px;"></up-tabs>
						<view>
							<view class="flex-between">
								<view class="flex-between helpItem text-26" @click="goHelpDetail"
									v-for="(item,index) in 6">
									<view>帮助说明问题01</view>
									<up-icon name="arrow-right" color="#fff" size="14"></up-icon>
								</view>
							</view>
						</view>
					</view>


				</view> -->
			</view>
		</view>



	</view>
</template>

<script setup>
	import * as api from "@/utils/api.js"
	import {
		onShow,
		onShareAppMessage,
		onShareTimeline,
		onLoad
	} from '@dcloudio/uni-app';
	import {
		ref,
		reactive,
		onMounted,
		inject
	} from 'vue';

	onShow(() => {
		// 加载帮助列表
		if (uni.getStorageSync('token')) {
			getUserInfo()
		}
	})

	onLoad((options) => {
		console.log("options", options);

		if (options.scene) {
			let scene = decodeURIComponent(options.scene);

			console.log("scene", scene);
			//&是我们定义的参数链接方式
			uni.setStorageSync("code", scene)
		}

	})



	// 胶囊顶部的距离
	const startTop = ref("");

	// 胶囊的高度
	const nangHeight = ref("");

	// 用户基本信息
	const userBaseInfo = ref({});


	// 获取用户信息
	const getUserInfo = () => {
		let e = {
			url: '/app-api/member/user/get',
			data: {
				"tenant-id": 163
			}
		};
		api.default.get(e).then((res) => {
			userBaseInfo.value = res.data;

			// 保存用户等级id
			uni.setStorageSync("levelId", userBaseInfo.value.levelId)

			// 存储用户邀请code
			uni.setStorageSync("invCode", userBaseInfo.value.invCode)

			// 获取我的设备总收益
			getZongYi();

			// 获取团队总收益
			getTeamZongYi();
		})
	}

	// 总收益
	const zongShowYi = ref({
		incomeTotal: {
			total: 0,
			month: 0,
			yesterday: 0
		},
		deviceRouter: {
			totalNum: 0,
			onlineNum: 0,
			offlineNum: 0,
			warningDays1: 0,
			warningDays3: 0,
			warningDays7: 0
		}
	});


	// 获取总收益 /app-api/index/index
	const getZongYi = () => {
		let e = {
			url: '/app-api/index/index',
			data: {
				levelId: userBaseInfo.value.levelId
			}
		};
		api.default.get(e).then((res) => {
			// 大节点收益
			res.data.incomeNode = {
				month: res.data.incomeNode.month / 10000,
				total: res.data.incomeNode.total / 10000,
				yesterday: res.data.incomeNode.yesterday / 10000
			}

			// 路由器收益
			res.data.incomeRouter = {
				month: res.data.incomeNode.month / 10000,
				total: res.data.incomeNode.total / 10000,
				yesterday: res.data.incomeNode.yesterday / 10000
			}

			// 路由器收益
			res.data.incomeRouter = {
				month: res.data.incomeSmallBox.month / 10000,
				total: res.data.incomeSmallBox.total / 10000,
				yesterday: res.data.incomeSmallBox.yesterday / 10000
			}

			// 总收益
			res.data.incomeTotal = {
				month: res.data.incomeTotal.month / 10000,
				total: res.data.incomeTotal.total / 10000,
				yesterday: res.data.incomeTotal.yesterday / 10000
			}



			zongShowYi.value = res.data;
		})
	}

	// 总收益
	const zongTeamShowYi = ref({
		leaderNum: 0,
		deviceNum: 0,
		memberNum: 0,
		deviceRouter: {
			totalNum: 0,
			onlineNum: 0,
			offlineNum: 0,
			warningDays1: 0,
			warningDays3: 0,
			warningDays7: 0
		}
	});

	// 获取总收益 /app-api/index/index
	const getTeamZongYi = () => {
		let e = {
			url: '/app-api/index/team',
			data: {
				levelId: userBaseInfo.value.levelId
			}
		};
		api.default.get(e).then((res) => {



			zongTeamShowYi.value = res.data;
		})
	}

	onMounted(() => {
		// 全局变量引入
		const globalData = inject('globalData');

		// 胶囊距离顶部的距离
		startTop.value = globalData.value.barTop;


		// 设置胶囊的高度
		nangHeight.value = globalData.value.capsuleData.height;
	})

	// 显示当前节点的名称
	let curJieName = ref("路由器")

	// 显示团队节点名称
	let curTeamJieName = ref("路由器")

	// 选择设备
	const selectDevice = (val) => {
		if (val.index == 0) {
			curJieName.value = "路由器"
		} else if (val.index == 1) {
			curJieName.value = "盒子"
		} else if (val.index == 2) {
			curJieName.value = "大节点"
		}
	}
	// 团队设备
	const teamDevice = (val) => {
		if (val.index == 0) {
			curTeamJieName.value = "路由器"
		} else if (val.index == 1) {
			curTeamJieName.value = "盒子"
		} else if (val.index == 2) {
			curTeamJieName.value = "大节点"
		}
	}

	// 个人、团队图片列表
	const teamTuanList = reactive([
		"http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/geren@2x.png",
		"http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/tuandui2@2x.png",
	])


	// 显示个人、团队
	const isShowTeam = ref(0);


	// 切换个人、团队
	const tabTeam = (val) => {
		isShowTeam.value = val
		if (val == 0) {
			teamTuanList[0] = "http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/geren@2x.png";
			teamTuanList[1] = "http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/tuandui2@2x.png";
		} else {
			teamTuanList[0] = "http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/geiren@2x.png";
			teamTuanList[1] = "http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/tuandui1@2x.png";
		}
	}

	// 收益分类
	const shouYiList = reactive([{
			name: '总收益'
		},
		{
			name: '路由器收益'
		},
		{
			name: '盒子收益'
		}, {
			name: '大节点收益'
		}

	]);

	// 分类背景图片
	const lineBg = ref("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/baiqianxian%402x.png")


	//设备分类
	const deviceFenList = reactive([{
			name: '路由器'
		},
		{
			name: '盒子'
		},
		{
			name: '大节点'
		}
	]);
	// 轮播图
	const bannerList = reactive([
		'https://cdn.uviewui.com/uview/swiper/swiper1.png',
		'https://cdn.uviewui.com/uview/swiper/swiper2.png',
		'https://cdn.uviewui.com/uview/swiper/swiper3.png',
	]);

	const indicatorDots = ref(true);
	const autoplay = ref(true);
	const duration = ref(500);
	const interval = ref(2000);

	// 收益明细
	const goShouYiDetail = () => {
		uni.navigateTo({
			url: "/pages/index/indexChild/shouYiRecord"
		})
	}
	//  团队设备
	const goTeamDevice = () => {
		if (uni.getStorageSync("levelId") == 3) {
			uni.navigateTo({
				url: "/pages/index/indexChild/teamDevice"
			})
		} else if (uni.getStorageSync("levelId") == 2) {
			uni.navigateTo({
				url: "/pages/index/indexChild/teamDeviceDetail"
			})
		}

	}

	// 去报警列表
	const goAlarm = () => {
		// uni.navigateTo({
		// 	url: "/pages/index/indexChild/alarmList"
		// })
	}

	// 帮助详情
	const goHelpDetail = () => {
		uni.navigateTo({
			url: "/pages/index/indexChild/helpDetail"
		})
	}

	// 查看更多帮助说明
	const goMoreHelp = () => {
		uni.navigateTo({
			url: "/pages/my/myChild/helpMing"
		})
	}

	// 去设备页面
	const goDevice = () => {
		uni.switchTab({
			url: "/pages/device/index"
		})
	}

	onShareAppMessage((res) => {
		// 此处的distSource为分享者的部分信息，需要传递给其他人
		return {
			title: '邀请您获取收益！',
			imageUrl: '',
			path: '/pages/index/index'
		}
	})

	//分享到朋友圈
	onShareTimeline((res) => {
		return {
			title: '邀请您获取收益!',
			imageUrl: '',
			path: '/pages/index/index'
		}
	})
</script>

<style scoped>
	.page {}

	.jieDianIcon {
		width: 60rpx;
		height: 60rpx;
	}

	.helpItem {
		width: 48%;
		height: 76rpx;
		border-bottom: 2rpx solid #130D82;
	}

	.teamNumBg {
		width: 190rpx;
		height: 140rpx;
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/teamNum@2x.gif") no-repeat;
		background-size: cover;
	}

	.teamDeviceBg {
		width: 190rpx;
		height: 140rpx;
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/teamDevice@2x.gif") no-repeat;
		background-size: cover;
	}

	.teamYaunBg {
		width: 190rpx;
		height: 140rpx;
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/teamYaun@2x.gif") no-repeat;
		background-size: cover;
	}

	.teamFenBg {
		/* width: 148rpx; */
		height: 186rpx;
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/tuanduiNum@2x.png") no-repeat;
		background-size: cover;
		margin: 30rpx 30rpx 0 30rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
	}

	.baojingIcon {
		width: 22rpx;
		height: 24rpx;
		margin-right: 6rpx;
	}

	.deviceOnline {
		width: 304rpx;
		margin-top: 36rpx;
	}

	.onLineBg {
		width: 148rpx;
		height: 162rpx;
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/zaixian-sy@2x.png") no-repeat;
		background-size: cover;
		padding-bottom: 10rpx;
		box-sizing: border-box;
	}

	.offlineBg {
		width: 148rpx;
		height: 162rpx;
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/lixian-sy@2x.png") no-repeat;
		background-size: cover;
		padding-bottom: 10rpx;
		box-sizing: border-box;
	}

	.jiakongBg {
		height: 142rpx;
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/gongnengbg@2x.png") no-repeat;
		background-size: cover;
		margin-bottom: 20rpx;
	}

	.baoJingName {
		position: relative;
		top: -14rpx;
	}

	.baoJingBg {
		width: 124rpx;
		height: 22rpx;
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/baiqianxian@2x.png") no-repeat;
		background-size: cover;
		margin-bottom: 20rpx;
	}

	.deviceTotal {
		width: 304rpx;
		height: 72rpx;
		box-shadow: inset 0rpx 0rpx 28rpx 6rpx rgba(44, 216, 136, 0.27);
		border-radius: 7rpx;
		border: 1rpx solid;
		border-image: linear-gradient(153deg, rgba(91, 239, 190, 1), rgba(46, 218, 138, 1)) 1 1;
		color: #40FFA6;
		margin-top: 14rpx;
		padding: 8rpx 14rpx;
		box-sizing: border-box;
	}

	.daJieDian {
		position: relative;
		top: -20rpx;
	}

	.jieDianBg {
		width: 292rpx;
		height: 350rpx;
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/shebeitubiao-bg@2x.png") no-repeat;
		background-size: cover;
		position: relative;
	}

	.monthYi {
		width: 50%;
	}

	.monthShou {
		margin-top: 15rpx;
	}

	.tongTime {
		opacity: 0.4;
		margin-left: 25rpx;
	}

	.shouYiBg {
		height: 296rpx;
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/shouyi-bg@2x.gif") no-repeat;
		background-size: 100% 100%;
		margin: 30rpx 0 42rpx 0;
		padding: 30rpx;
		box-sizing: border-box;
	}

	.myDevice {
		height: 60rpx;
		padding-left: 30rpx;
		box-sizing: border-box;
	}

	.myTeam {
		height: 70rpx;
		padding-left: 30rpx;
		box-sizing: border-box;
	}

	.shouyi {
		padding-bottom: var(--window-bottom);
		background-color: #11102A;
	}

	.u-sticky {
		top: 0 !important;
	}

	.myPage {
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/toubu@2x.png") no-repeat;
		/* height: 100%; */
		background-size: 100% 100%;
	}

	.swiper {
		width: 100%;


	}

	.uni-swiper-item {
		width: 100%;
		height: 240rpx;
	}

	.page /deep/ .uni-swiper-wrapper,
	.page /deep/ swiper-item {
		border-radius: 24rpx !important;
	}

	.deviceMain {
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/wodeshebei-sy@2x.png") no-repeat;
		background-size: 100% 100%;
		margin-bottom: 30rpx;
	}

	.teamMain {
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/wodetuandui-bg@2x.png") no-repeat;
		background-size: 100% 100%;
		padding-bottom: 30rpx;
		box-sizing: border-box;
		margin-bottom: 30rpx;
	}

	.helpMain {
		background: url("http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/home/bangzhu-bg@2x.png") no-repeat;
		background-size: 100% 100%;
	}

	.page /deep/ .u-tabs__wrapper__nav__item__text {
		font-size: 28rpx !important;
	}
</style>